import React from 'react'
import PropTypes from 'prop-types'
import { Provider } from 'react-redux'
import { BrowserRouter as Router, Route } from 'react-router-dom'
// import 'bootstrap/dist/css/bootstrap.min.css'
import './App.css'

import UserProfile from './containers/UserProfile'
import Login from './containers/Login'
import UpdateProfile from './containers/UpdateProfile'
import Register from './containers/Register'

const App = ({ store }) => (
  <Provider store={store}>
    <Router>
      <div>
      <Route exact path="/" component={UserProfile} />

      <Route path="/user" component={UserProfile}/>
      <Route path="/updateProfile" component={UpdateProfile}/>

      <Route path="/login" component={Login}/>
      <Route path="/register" component={Register}/>

      </div>
    </Router>
  </Provider>
)

App.propTypes = {
  store: PropTypes.object.isRequired
}

export default App